<template>
  <!--start leftTab-->
  <div :class="{none:!setHeadFlod()}"  class="leftTab">
    <ul class="side-nav">
    	<!--    等后台把数据库数据完善后再做
    	<li v-for="(item,index) in leftMenu">
        <router-link :to="{path:'/order'}" class="nav-a"><em class="iconfont">&#xe656;</em>
        	<transition name="fade">
        		<span v-show="setHeadFlod()">{{item.treeName}}</span>
    			</transition>
        </router-link>
        <div class="nav-box">
          <ul class="navbox-ul1" v-for="(itemChildren,indexChildren) in item.treeName">
            <li>订单管理</li>
            <li><router-link to="/order">订货单</router-link></li>
            <li><router-link to="/order">退货单</router-link></li>
          </ul>
          <ul class="navbox-ul2">
            <li>订单统计</li>
            <li><router-link to="">出库/发货记录</router-link></li>
            <li><router-link to="">订单商品统计（明细）</router-link></li>
            <li><router-link to="">订单商品统计（按客户）</router-link></li>
            <li><router-link to="">订单商品统计（按商品）</router-link></li>
            <li><router-link to="">发货统计</router-link></li>
          </ul>
        </div>
      </li>
      -->
      <li>
        <router-link :to="{path:'/order'}" class="nav-a"><em class="iconfont">&#xe67a;</em>
        	<transition name="fade">
        		<span v-show="setHeadFlod()">订单</span>
    			</transition>
        </router-link>
        <div class="nav-box">
          <ul class="navbox-ul1">
            <li>订单管理</li>
            <li><router-link to="/order">订货单</router-link></li>
            <!--<li><router-link to="/order">退货单</router-link></li>-->
          </ul>
          <!--<ul class="navbox-ul2">-->
            <!--<li>订单统计</li>-->
            <!--<li><router-link to="">出库/发货记录</router-link></li>-->
            <!--<li><router-link to="">订单商品统计（明细）</router-link></li>-->
            <!--<li><router-link to="">订单商品统计（按客户）</router-link></li>-->
            <!--<li><router-link to="">订单商品统计（按商品）</router-link></li>-->
            <!--<li><router-link to="">发货统计</router-link></li>-->
          <!--</ul>-->
        </div>
      </li>
      <li>
        <router-link to="/goods" class="nav-a"><em class="iconfont">&#xe678;</em>
        	<transition name="fade">
        		<span v-show="setHeadFlod()">商品</span>
    			</transition>
        </router-link>
        <div class="nav-box">
          <ul class="navbox-ul1">
            <li>商品管理</li>
            <li><router-link to="/goods">商品列表</router-link></li>
          </ul>
          <ul class="navbox-ul2 navbox-ul2-2">
            <li>库存管理</li>
            <li><router-link to="/goods/stockGoodsList">商品库存</router-link></li>
            <li><router-link to="/goods/stockCheckinList">商品入库</router-link></li>
            <li><router-link to="/goods/stockCheckoutList">商品出库</router-link></li>
            <!--<li><router-link to="">库存盘点</router-link></li>-->
            <li><router-link to="/goods/stockGoodsListList">出入库明细</router-link></li>
           <li><router-link to="/goods/tableGoodsList">商品收发汇总</router-link></li>
            <!--<li><router-link to="">成本调整</router-link></li>
            <li><router-link to="">期末结转</router-link></li>-->
          </ul>
          <ul class="navbox-ul3">
            <li>采购管理</li>
            <li><router-link to="/goods/purCompanyList">供应商管理</router-link></li>
            <li><router-link to="/goods/purOrderList">采购订单</router-link></li>
            <li><router-link to="/goods/purOrderStorage">采购待入库</router-link></li>
          </ul>
        </div>
      </li>
      <li>
        <router-link to="/keHu" class="nav-a"><em class="iconfont">&#xe713;</em>
        	<transition name="fade">
        		<span v-show="setHeadFlod()">客户</span>
    			</transition>
        </router-link>
        <div class="nav-box">
          <ul class="navbox-ul1 navbox-li1-2">
            <li>客户管理</li>
            <li><router-link to="/keHu">个人客户列表</router-link></li>
            <li><router-link to="/enterprise">企业客户列表</router-link></li>
            <!--<li><router-link to="">加盟信息</router-link></li>-->
            <!--<li><router-link to="/kehufankui">客户反馈</router-link></li>-->
          </ul>

        </div>
      </li>
      <li>
        <router-link to="/fundAccount" class="nav-a"><em class="iconfont">&#xe60e;</em>
        	<transition name="fade">
        		<span v-show="setHeadFlod()">资金</span>
    			</transition>
        </router-link>
        <div class="nav-box">
          <ul class="navbox-ul1 navbox-li1-3">
            <li>资金管理</li>
            <li><router-link to="/collection">收款确认</router-link></li>
            <li><router-link to="/fundAccount">资金账户</router-link></li>
             <li><router-link to="/recharge">充值审核</router-link></li>
            <li><router-link to="/chargeBack">扣款审核</router-link></li>
            <li><router-link to="/accountReceivable">收款账户</router-link></li>
          </ul>
          <ul class="navbox-ul2 navbox-ul2-3">
            <li>资金统计</li>
            <li><router-link to="/budgetDetails">收支明细</router-link></li>
            <li><router-link to="/orderPay">订单收款统计</router-link></li>
          </ul>
        </div>
      </li>
      <li>
        <router-link :to="{path:'/goodsPrule/portalAdvListList'}" class="nav-a"><em class="iconfont">&#xe7c0;</em>
        	<transition name="fade">
        		<span v-show="setHeadFlod()">营销</span>
    			</transition>
        </router-link>
        <div class="nav-box">
          <ul class="navbox-ul1 navbox-li1-3">
            <li>通知发布</li>
            <li><router-link :to="{path:'/goodsPrule/portalAdvListList'}">广告发布</router-link></li>
            <li><router-link :to="{path:'/goodsPrule/portalDocListList'}">通知公告</router-link></li>
            <!--<li><router-link to="">短信充值</router-link></li>
            <li><router-link to="">短信设置</router-link></li>-->
          </ul>
          <ul class="navbox-ul1">
            <li>促销管理</li>
            <li><router-link :to="{path:'/marketing/saleGoodsPruleList'}">商品促销</router-link></li>
            <li><router-link :to="{path:'/marketing/saleOrderPruleList'}">订单促销</router-link></li>
            <!--  <li><router-link to="">组合促销</router-link></li>-->
          </ul>
         <!-- <ul class="navbox-ul2 navbox-ul2-3">
            <li>三级分销</li>
            <li><router-link :to="{path:'/goodsPrule/rateSet'}">佣金比例设置</router-link></li>
            <li><router-link :to="{path:'/goodsPrule/rewardDetailsList'}">奖金明细</router-link></li>
            <li><router-link :to="{path:'/goodsPrule/goodsDistributList'}">分销商品</router-link></li>
          </ul>-->
        </div>
      </li>
       <!--<li class="nav-li">
        <router-link to="/table" class="nav-a"><em class="iconfont">&#xe60c;</em>
        	<transition name="fade">
        		<span v-show="setHeadFlod()">报表</span>
    			</transition>
        </router-link>
        <div class="nav-box">
          <ul class="navbox-ul1">
            <li><router-link to="">订单统计报表</router-link></li>
            <li><router-link to="">地区统计报表</router-link></li>
            <li><router-link to="">商品销售报表</router-link></li>
            <li><router-link to="">客户订货报表</router-link></li>
            <li><router-link to="">销售毛利统计报表</router-link></li>
          </ul>
        </div>
      </li>
      <li class="nav-lastli">
        <a href="#/table" class="nav-a"><em class="iconfont">&#xe669;</em>
        	<transition name="fade">
        		<span v-show="setHeadFlod()">应用中心</span>
    			</transition>
        </a>
      </li>-->
      <!--融资菜单  start-->
      <!--<li>
        <router-link to="" class="nav-a"><em class="iconfont">&#xe7da;</em>
          <transition name="fade">
            <span v-show="setHeadFlod()">融资</span>
          </transition>
        </router-link>
        <div class="nav-box">
          <ul class="navbox-ul1 navbox-li1-3">
            <li>融资额度管理</li>
            <li><router-link to="/finAccountListLimit">融资额度列表</router-link></li>
            <li><router-link to="/finAccountApplyList">融资额度审核</router-link></li>
          </ul>
          <ul class="navbox-ul1 navbox-li1-3">
            <li>融资管理</li>
            <li><router-link to="/finPledgeListFirstApply">融资申请初审</router-link></li>
            <li><router-link to="/finPledgeListLastApply">融资申请复审</router-link></li>
            <li><router-link to="/finPledgeListContract">融资合同管理</router-link></li>
          </ul>
          <ul class="navbox-ul1 navbox-li1-3">
            <li>融资后管理</li>
            <li><router-link to="/finPledgeListExtension">融资展期列表</router-link></li>
            <li><router-link to="/finPledgeListDanger">风险管理</router-link></li>
            <li><router-link to="/finRepayList">融资还款管理</router-link></li>
          </ul>
          <ul class="navbox-ul2 navbox-ul2-3">
            <li>质物管理</li>
            <li><router-link to="/finPledgeList">质物管理</router-link></li>
          </ul>
        </div>
      </li>-->
      <!--融资菜单  end-->
      <li>
        <router-link to="/portalWebsite" class="nav-a"><em class="iconfont">&#xe67c;</em>
          <transition name="fade">
            <span v-show="setHeadFlod()">商城</span>
          </transition>
        </router-link>
        <div class="nav-box">
          <ul class="navbox-ul1 navbox-li1-2">
            <li>商城管理</li>
            <li><router-link to="/portalWebsite">站点列表</router-link></li>
            <li><router-link to="/portalTemplate">模板管理</router-link></li>
            <li><router-link to="/portalContentManage">内容管理</router-link></li>
          </ul>
        </div>
      </li>
      <li class="applicationCenter">
        <router-link to="/centerIndex" class="nav-a"><em class="iconfont">&#xe680;</em>
          <transition name="fade">
            <span v-show="setHeadFlod()">应用中心</span>
          </transition>
        </router-link>
      </li>
    </ul>
    <div  class="relationPlatform zhiCustomBtn">
      <em class="iconfont">&#xe7bf;</em>
      <span>联系平台</span>
    </div>
  </div>
  <!--end leftTab-->

</template>
<script type="text/javascript">
  export default {
    data(){
      return {
      	leftMenu:[],
        sites: [
          { name: 'Runoob' },
          { name: 'Google' },
          { name: 'Taobao' }
        ]

      }
    },
    methods:{
    	setHeadFlod:function(){
    		return this.$store.state.headFold
    	},
    	systemMenuAjax(){

    	},
    },
    mounted(){
    	this.systemMenuAjax()
    }

  }
</script>
<style scoped>
   @import "leftBar.css";

   .relationPlatform{
     position: fixed;
     bottom: 30px;
     height: 40px;
     line-height: 40px;
   }

   .relationPlatform em{
    vertical-align: middle;
     cursor: pointer;
   }

   .relationPlatform span{
     cursor: pointer;
   }

    .applicationCenter{
      margin: 20px 0 0 0;
      padding: 10px 0 0 0;
      border-top: 1px #dddddd solid;
    }

    .fade-enter-active, .fade-leave-active {
		  transition: opacity .2s
		}
		.fade-enter, .fade-leave-active {
		  opacity: 0
		}
		.side-nav li:nth-child(3) .nav-box{
			width: 75px!important;
		}
		.side-nav .nav-box a:hover{
			color: #13C19F;
		}
</style>
